	/* 全局页面样式 */
	html body {
		padding: 0;
		margin: 0;
		height: calc(100vh);
	}
	#app {
	  /* font-family: 'Avenir', Helvetica, Arial, sans-serif; */
    font-family: "Times New Roman", Times, serif;
	  -webkit-font-smoothing: antialiased;
	  -moz-osx-font-smoothing: grayscale;
	  text-align: center;
	  width: 100%;
	  height: 100%;
    overflow: hidden;
	}

	/* 登录界面样式 */
	.longin {
		width: 100%;
		height: 100%;
		background: url(../../assets/img/bg1.jpg) no-repeat;
		background-size: cover;
		z-index: 1;
    overflow: auto;
	}

	.login-mask {
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.4);
		z-index: 100;
    overflow: auto;
	}

	.loginBox {
		width: 340px;
		height: 360px;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		padding: 40px 40px 40px 40px;
		box-shadow: -20px 20px 20px rgba(0, 0, 0, 0.7);
		opacity: 0.7;
		/* background: linear-gradient(230deg, rgba(53, 57, 74, 0) 0%, rgb(255, 255, 255) 100%); */
		background: #FFFFFF;
	}

	.loginBox h4 {
		font-size: 20px;
		color: #00007f;
		font-family: "Times New Roman", Times, serif;
	}

	.loginForm {
		margin-top: 68px;
	}

	.loginNameIcon {
		color: #00007f;
		margin-top: 12px;
		margin-left: -8px;
	}

	.loginPassWordIcon {
		color: #00007f;
		margin-top: 12px;
		margin-left: 4px;
	}

	.loginButton {
		width: 80px;
		height: 30px;
		border-radius: 15px;
		border-color: #c6c6c6;
		color: #00007f;
		margin-top: 20px;
	}

  /* 首页样式 */
  .home {
  	width: calc(100%);
  	height: calc(100vh);
  	background: url(../../assets/img/home-bg1.jpg) no-repeat;
  	background-size: cover;
  	z-index: 1;
    overflow: auto;
  }

  .home-mask {
  	/* width: 100%; */
  	height: calc(100vh);
  	background: rgba(0, 0, 0, 0.5);
  	z-index: 100;
    overflow: auto;
  }

  /* 首页头部样式 */
  .headerBox {
    width: 100%;
    background-color: #ffffff;
    opacity: 0.7;
  }

  .headerBox img {
    width: 3.5%;
    margin-left: 4%;
    margin-top: 0.9%;
  }

  .headerName {
    color: #00557f;
    font-size: 20px;
    margin-top: 2%;
    margin-left: 1%;
  }

  .headerBox i {
    margin-top: 19px;
    color: #00557f;
  }

  .unLogin {
    color: #00557f;
    margin-top: 7.5%;
    margin-left: 4%;
  }

  .navMenuBg {
    background-color: #545c64;
    opacity: 0.7;
  }

  .contentBg {
    background-color: #FFFFFF;
    opacity: 0.6;
  }

  /* 原理介绍 */
  .box-card {
    background: #c1c1c1;
  }

  .card-header {
    font-weight: 800;
    color: #00557f;
    font-size: 25px;
  }

  .card-header-btn {
    float: right;
    padding: 3px 0;
    color: #00007F;
    font-size: 20px;
  }

  .timeline {
    background-color: #e1e1e1;
  }



  /* 编辑器初始高度 */
  .ql-editor {
    min-height: 20rem;
  }

  /* 编辑器内部出现滚动条 */
  .ql-container{
    overflow-y:auto;
    height:30rem!important;
  }

  /*滚动条整体样式*/
  .ql-container ::-webkit-scrollbar{
    width: 10px;/*竖向滚动条的宽度*/
    height: 10px;/*横向滚动条的高度*/
  }
  .ql-container ::-webkit-scrollbar-thumb{/*滚动条里面的小方块*/
    background: #666666;
    border-radius: 5px;
  }
  .ql-container ::-webkit-scrollbar-track{/*滚动条轨道的样式*/
    background: #ccc;
    border-radius: 5px;
  }

  .quill-editor-box {
    position: absolute;
    left: 3%;
    top: 90px;
    width: 75%;
    background-color: #ffffff;
  }

  .quill-editor-box1 {
    position: absolute;
    left: 23%;
    top: 120px;
    width: 71%;
    background-color: #ffffff;
  }

  .quill-editor {
    background-color: #ebebeb;
  }

  .quill-editor-submit {
    color: #aa0000;
    float: right;
    margin-right: 6%;
    font-size: 18px;
  }

  /* LED 系统架构图 */
  .systemArcHeader {
    color: #00557F;
    font-size: 24px;
    font-weight: 600;
  }

  .ledSystemBox {
    float: left;
    background: #bababa;
    width: 15%;
    height: 160px;
    border-radius: 20px;
  }

  .ledSystemBox-header {
    color: #00557F;
    font-size: 20px;
    font-weight: 600;
    margin-top: 10%;
  }

  .ledSystemBox-list {
    font-size: 18px;
    margin-top: 10%;
  }

  .el-card-text {
    font-size: 18px;
    text-indent: 3em;  /* 首段空格两字符*/
  }

  .dialog-box {
    color: #00557F;
    font-size: 24px;
    font-weight: 400;
  }

  /* 串口控制效果图 */
  .prev {
    float: left;
    margin-top: -20%;
    margin-left: 20%;
    font-size: 25px;
    cursor: pointer;
  }

  .next {
    float: right;
    margin-top: -20.5%;
    font-size: 25px;
    margin-right: 6.5%;
    cursor: pointer;
  }

  .page {
    margin-left: 48%;
    margin-top: 1%;
  }

  .current {
    color: #ff6700;
    cursor: pointer;
  }
